<!-- @file 移动端页脚 -->
<template>
  <div
    v-if="pageFootSetting.footerEnabled"
    class="c-mobile-page-footer pws-mobile-page-footer"
  >
    <a
      :href="pageFootSetting.footerLink"
      target="_blank"
      rel="noopener"
    >
      - {{ pageFootSetting.footerText }} -
    </a>
  </div>
</template>

<script setup lang="ts">
import { getWatchCore } from '@/core/watch-sdk';
import { reactive } from 'vue';

const watchCore = getWatchCore();
const pageFootSetting = reactive(watchCore.channel.getPageFooterSetting());
</script>

<style lang="scss">
.c-mobile-page-footer {
  margin-top: 24px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  @include iphone-x-pb(24px);
  a {
    color: inherit;
    text-decoration: none;
  }
}
</style>
